﻿@model Clirelmgt.Models.LoginModel

@{
    Layout = null;
}

<!DOCTYPE html>
<!--[if lt IE 7]>

<html class="lt-ie9 lt-ie8 lt-ie7" lang="en">

<![endif]-->
<!--[if IE 7]>

<html class="lt-ie9 lt-ie8" lang="en">

<![endif]-->
<!--[if IE 8]>

<html class="lt-ie9" lang="en">

<![endif]-->
<!--[if gt IE 8]>
<!-->

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Flexible CRM Application - Login Form
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- bootstrap css -->
    <script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js">
    </script>
    <link href="~/icomoon/style.css" rel="stylesheet">
    <!--[if lte IE 7]>
    <script src="css/icomoon-font/lte-ie7.js">
    </script>
    <![endif]-->
    <link href="~/css/wysiwyg/bootstrap-wysihtml5.css" rel="stylesheet">
    <link href="~/css/wysiwyg/wysiwyg-color.css" rel="stylesheet">
    <link href="~/css/main.css" rel="stylesheet">
    <!-- Important. For Theming change primary-color variable in main.css  -->
    <link href="~/css/charts-graphs.css" rel="stylesheet">
    <script src="~/js/wysiwyg/wysihtml5-0.3.0.js">
    </script>
    <script src="~/js/jquery.min.js">
    </script>
    <script src="~/js/bootstrap.js">
    </script>
    <script src="~/js/wysiwyg/bootstrap-wysihtml5.js">
    </script>
    <script src="~/js/jquery.scrollUp.js">
    </script>
    <link href="~/css/alertify.core.css" rel="stylesheet" id="toggleCSS">
     <script type="text/javascript" src="~/js/alertify.min.js">
    </script>
</head>
<body>
    <header>
        <a href="#" class="logo">
            <img src="~/img/logo.png" alt="logo" />
        </a>
        <div class="btn-group">
        </div>
        <ul class="mini-nav">
            
        </ul>

    </header>
    <div class="container-fluid">
      <div class="dashboard-container">
        <div class="dashboard-wrapper">
          <div class="center-sidebar">
            <div class="row-fluid">
              <div class="span12">
                <div class="widget">
                  <div class="widget-body">
                    <div class="span3">&nbsp;</div>
                    <div class="span6">
                      <div class="sign-in-container">
                        <form class="login-wrapper" method="post">
                          <div class="header">
                            <div class="row-fluid">
                              <div class="span12">
                                <h3>Login<img src="~/img/logo.png" alt="Logo" class="pull-right"></h3>
                                <p>Fill out the form below to login.</p>
                              </div>
                            </div>
                           
                          </div>
                          <div class="content">
                            <div class="row-fluid">
                              <div class="span12">
                                <input class="span12 email" id="Username" name="Username" placeholder="Please enter username" required="required" type="text" value="">
                              </div>
                            </div>
                            <div class="row-fluid">
                              <div class="span12">
                                <input class="span12 password" id="Password" name="Password" placeholder="Please enter password" required="required" type="password">
                              </div>
                            </div>
                          </div>
                          <div class="actions">
                            <input class="btn btn-danger" name="Login" type="submit" value="Login" >
                            <a class="link" href="#">Forgot Password?</a>
                            <div class="clearfix"></div>
                          </div>
                        </form>
                      </div>
                    </div>
                    <div class="span3">&nbsp;</div>
                    <div class="clearfix"></div>
                  </div>
                </div>
              </div>
              </div>
            </div>
            
    
          </div>
          
        </div>
      </div>
      <!--/.fluid-container-->
    <footer>
        <p>
            &copy; baswaAdmin 2013
     
        </p>
    </footer>
    <script>
 //Alertify JS
      $ = function (id) {
        return document.getElementById(id);
      },
      reset = function () {
        $("toggleCSS").href = "../css/alertify.core.css";
        alertify.set({
          labels: {
            ok: "OK",
            cancel: "Cancel"
          },
          delay: 5000,
          buttonReverse: false,
          buttonFocus: "ok"
        });
      };
     
    </script>
     @if (TempData["alert"] != null && TempData["alert"] != "")
      {
         <script>
             alertify.alert("@TempData["alert"].ToString()");
        </script>
      }

</body>
</html>

